import React, { Component } from 'react'
import { drag } from '../high'

class One extends Component {
    // state = {
    //     top: 0,
    //     left: 0
    // }
    // onMouseDown = (ev) => {
    //     console.log("按下")
    //     let clientX = ev.clientX
    //     let clientY = ev.clientY

    //     window.addEventListener('mousemove', this.MouseMove)
    //     window.addEventListener('mouseup', () => {
    //         console.log('抬起')
    //         window.removeEventListener('mousemove', this.MouseMove)
    //         // window.removeEventListener('mouseup')
    //     })
    // }

    // MouseMove = (ev) => {
    //     let left =  ev.clientX
    //     let top =  ev.clientY
    //     this.setState({
    //         top,
    //         left
    //     })
    // }

    render() {
        // const { top, left } = this.state
        return (
            // <div style={{
            //     top,
            //     left
            // }} onMouseDown={this.onMouseDown}  className='drag-one'>
            //     文字
            // </div>
            <div className='drag-one'>
               
            </div>
        )
    }
}

One = drag(One)

export default One
